/**
 * Container 容器组件
 * 用于页面内容的居中和最大宽度限制
 */

import { cn } from '@/lib/utils';

export const Container = ({ children, className = '', ...props }) => {
  return (
    <div 
      data-slot="container" 
      className={cn('w-full mx-auto px-4 lg:px-8 max-w-7xl', className)}
      {...props}
    >
      {children}
    </div>
  );
};

export default Container;

